<%--
  Created by IntelliJ IDEA.
  User: win10
  Date: 2017/5/29
  Time: 16:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="${ctx}/static/h5/css/public/common.css"/>
    <link rel="stylesheet" href="${ctx}/static/h5/css/public/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="${ctx}/static/h5/css/personal/dashiji.css"/>
    <link rel="stylesheet" href="${ctx}/static/h5/css/personal/pasonnal-page.css">
    <title></title>
</head>
<body id="ancestor">
<div id="message_share" class="family-list">
    <header>
        <a href="javascript:void(0)" onclick="window.history.back();">
            <img src="${ctx}/static/h5/images/back.png" class="go-back" alt=""/><span>返回</span></a>
        <h4>大事记</h4>
    </header>
    <section class="pasonnal-contnet">
        <!--分享-->
        <div id="share">
            <ul>
                <%--<li class="container">
                    <div class="row">
                        <div class="col-xs-6 share-time">
                            <div>
                                <span class="share-time-day"><fmt:formatDate value="${feed.createTime}" pattern="dd"/></span><span class="share-time-mouth"><fmt:formatDate value="${feed.createTime}" pattern="MM"/></span>月
                            </div>
                        </div>
                        <div class="col-xs-6 share-content">
                            <img src="${ctx}/static/h5/images/share-img.png" class="share-img" alt=""/>
                            <span class="share-text">${feed.content}</span>
                        </div>
                    </div>
                    <!--评论区域开始-->
                    <div class="cmt_area">
                           <c:forEach var="li" items="${four}">
                                <p class="issue_cont">
                                    <input hidden="hidden" class="commentId" value="${li.id}"/>
                                    <span class="issue_id">${li.customer.name}</span>
                                    <span>：</span>
                                    <span>${li.content}</span>
                                </p>
                           </c:forEach>
                    </div>
                    <!--评论区域结束-->
                    <div class="row share-method">
						    <div class="col-xs-6 dianzan">
						        <c:if test="${feed.liked==true}">
						            <img src="${ctx}/static/h5/images/dianzan.png" alt=""/>
						            <input hidden="hidden" class="liked" value="1">
						        </c:if>
						        <c:if test="${feed.liked==false}">
						            <img src="${ctx}/static/h5/images/dianzan1.png" alt=""/>
						            <input hidden="hidden" class="liked" value="0">
						        </c:if>
						        <span class="dianzan-count">${feed.likeCount}</span>
						        <input  hidden="hidden" class="fid" value="${feed.id}"/>
						    </div>
						    <div class="col-xs-6 comment">
						        <img src="${ctx}/static/h5/images/pinglun.png" alt=""/>
                                <c:if test="${feed.commentCount==0}">
                                    <span class="pinglun-count">0</span>
                                </c:if>
                                <c:if test="${feed.commentCount>0}">
                                    <span class="pinglun-count">${feed.commentCount}</span>
                                </c:if>
						    </div>
						</div>
                </li>--%>
                    <li class="container">
                        <div class="share-time">
                            <span class="share-time-day"><fmt:formatDate value="${feed.createTime}" pattern="dd"/></span><span class="share-time-mouth"><fmt:formatDate value="${feed.createTime}" pattern="MM"/></span>月
                        </div>
                        <div class="row">
                            <div class="col-xs-6 share-avatar">
                                <c:if test="${empty feed.customer.pic}">
                                    <img src="${ctx}/static/h5/images/family_icon.png" alt=""/>
                                </c:if>
                                <c:if test="${!empty feed.customer.pic}">
                                    <img src="${feed.customer.pic}" alt=""/>
                                </c:if>
                            </div>
                            <div class="col-xs-6 share-contents">
                                <%--<img src="${ctx}/static/h5/images/share-img.png" class="share-img" alt=""/>--%>
                                <span class="share-text">${feed.content}</span>
                            </div>
                        </div>
                        <!--评论区域开始-->
                        <div class="cmt_area">
                            <c:forEach var="li" items="${four}">
                                <p class="issue_cont">
                                    <input hidden="hidden" class="commentId" value="${li.id}"/>
                                    <input hidden="hidden" class="userid" value="${li.customer.id}"/>
                                    <span class="issue_id">${li.customer.name}</span>
                                    <span>：</span>
                                    <span>${li.content}</span>
                                </p>
                            </c:forEach>
                        </div>
                        <!--评论区域结束-->
                        <div class="share-method">
                            <div class="dianzan">
                                <c:if test="${feed.liked==true}">
                                    <img src="${ctx}/static/h5/images/dianzan.png" alt=""/>
                                    <input hidden="hidden" class="liked" value="1">
                                </c:if>
                                <c:if test="${feed.liked==false}">
                                    <img src="${ctx}/static/h5/images/dianzan1.png" alt=""/>
                                    <input hidden="hidden" class="liked" value="0">
                                </c:if>
                                <span class="dianzan-count">${feed.likeCount}</span>
                                <input  hidden="hidden" class="fid" value="${feed.id}"/>
                            </div>
                            <div class="comment">
                                <img src="${ctx}/static/h5/images/pinglun.png" alt=""/>
                                <c:if test="${feed.commentCount==0}">
                                    <span class="pinglun-count">0</span>
                                </c:if>
                                <c:if test="${feed.commentCount>0}">
                                    <span class="pinglun-count">${feed.commentCount}</span>
                                </c:if>
                            </div>
                        </div>
                    </li>
            </ul>
            <%--<img src="${ctx}/static/h5/images/sharebtn.png" class="share_btn"/>--%>
        </div>
    </section>
</div>
<!--发布分享-->
<%--<div id="publish">
    <div class="container">
        <ul class="share_top row">
            <li class="col-xs-2 cancle_share">取消</li>
            <li class="col-xs-8 font_title">发表文字</li>
            <li class="col-xs-2 issue_share"><button>发送</button></li>
        </ul>
        <textarea name="" rows="" cols="" class="share_cont"></textarea>
        <div class="container posit" id="getLoc">
            <div class="row">
                <div class="col-xs-2 pos_area">
                    <img src="${ctx}/static/h5/images/position.png" alt="" />
                </div>
                <div class="col-xs-8 pos_area" id="locMess">
                    所在位置
                </div>
                <div class="col-xs-2 pos_area">
                    <img src="${ctx}/static/h5/images/tiaozhuan.png" alt="" />
                </div>
            </div>
        </div>
    </div>
</div>--%>
<!--发表评论-->
<form action="" method="post">
    <div class="cmt_btm container">
        <div class="row cmt_box">
            <div class="col-xs-10">
                <textarea placeholder="评论一下：）" name="content" class="cmt_cont"></textarea>
                <input hidden="hidden" value="" id="contId">
            </div>
            <div class="col-xs-2">
                <input type="button"  value="发表" id="cmt_issue"/>
            </div>
        </div>
    </div>
<!--删除评论或取消-->
<ul class="del_cmt">
    <li class="del">删除</li>
    <li class="cancl">取消</li>
</ul>
</form>
</body>
<script src="${ctx}/static/h5/js/public/jquery-2.2.3.min.js"></script>
<script src="${ctx}/static/h5/js/public/bootstrap.min.js"></script>
<script src="${ctx}/static/h5/js/personal/message_note.js"></script>
</html>